// 九度思维纵向展示按钮
<template>
  <div class="root">{{ title }}</div>
</template>

<script>
export default {
  name: "JdswButtonLongitudinal",
  props: ["title"]
};
</script>

<style scoped>
.root{
  width: 50px;
  height: 150px;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border: white solid 1px;
  background-color: #00b0f0;
  margin-right: 50px;
}

.root:hover {
  background-color: #f79646;
}
</style>